<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<h:head>
		<h:outputStylesheet library="css" name="styles.css"  />	
		<h:outputScript name="jquery/jquery-plugins.js" library="primefaces"/>
	</h:head>
	
	<h:body>
		<ui:composition template="/plantillas/plantilla.xhtml">
			<ui:define name="body">
			<h:form id="form">
				<br/>
				<p:panelGrid columns="1">
					<f:facet name="header" >
							<p:row>
								<p:column>
									<p:outputLabel value="Exportar Datos - Siniestros"/>						
								</p:column>
								<p:column><p:spacer width="1512" height="1"  />  </p:column>
							</p:row>
					</f:facet>
				</p:panelGrid>
				
				<p:panelGrid columns="1" styleClass="table-out" >
					<p:row >
						<p:column >
							<p:panelGrid styleClass="table-in">	
								<p:row>
									<p:column><p:outputLabel value="Compañia" /></p:column>
									<p:column colspan="2">
									<p:selectOneMenu value="cia" style="width:185px;">
									<f:selectItem itemValue="" itemLabel="Seleccionar" />
									<f:selectItem itemValue="cf" itemLabel="Compañia CrawFor" />
									<f:selectItem itemValue="tc" itemLabel="Tecnimotors" />
									</p:selectOneMenu>
									</p:column>
									<p:column><p:outputLabel value="Broker" /></p:column>
									<p:column ><p:selectBooleanCheckbox />  </p:column>
									<p:column colspan="2">
									<p:selectOneMenu value="cia" style="width:224px;">
									<f:selectItem itemValue="" itemLabel="Seleccionar" />
									<f:selectItem itemValue="cf" itemLabel="Compañia CrawFor" />
									<f:selectItem itemValue="tc" itemLabel="Tecnimotors" />
									</p:selectOneMenu>
									</p:column>
									<p:column><p:outputLabel value="Asegurado" /></p:column>
									<p:column ><p:selectBooleanCheckbox />  </p:column>
									<p:column colspan="2">
									<p:selectOneMenu value="cia" style="width:170px;">
									<f:selectItem itemValue="" itemLabel="Seleccionar" />
									<f:selectItem itemValue="cf" itemLabel="Compañia CrawFor" />
									<f:selectItem itemValue="tc" itemLabel="Tecnimotors" />
									</p:selectOneMenu>
									</p:column>
								</p:row>	
									
								<p:row>
									<p:column><p:outputLabel value="Ejecutivo" /></p:column>
									<p:column ><p:selectBooleanCheckbox />  </p:column>
									<p:column >
									<p:selectOneMenu value="cia" style="width:145px;">
									<f:selectItem itemValue="" itemLabel="Seleccionar" />
									<f:selectItem itemValue="cf" itemLabel="JULIO CESAR AYALA" />
									<f:selectItem itemValue="tc" itemLabel="LUIS ANTONIO AYALA" />
									</p:selectOneMenu>
									</p:column>
									<p:column><p:outputLabel value="Ramo" /></p:column>
									<p:column ><p:selectBooleanCheckbox />  </p:column>
									<p:column colspan="2">
									<p:selectOneMenu value="cia" style="width:224px;">
									<f:selectItem itemValue="" itemLabel="Seleccionar" />
									<f:selectItem itemValue="cf" itemLabel="Compañia CrawFor" />
									<f:selectItem itemValue="tc" itemLabel="Tecnimotors" />
									</p:selectOneMenu>
									</p:column>
									<p:column><p:outputLabel value="Estado" /></p:column>
									<p:column ><p:selectBooleanCheckbox />  </p:column>
									<p:column colspan="2">
									<p:selectOneMenu value="cia" style="width:170px;">
									<f:selectItem itemValue="" itemLabel="Seleccionar" />
									<f:selectItem itemValue="cf" itemLabel="Abierto" />
									<f:selectItem itemValue="tc" itemLabel="Cerrado" />
									</p:selectOneMenu>
									</p:column>
					
								</p:row>
								
								<p:row>
									<p:column><p:outputLabel value="Cia Seguro" /></p:column>
									<p:column ><p:selectBooleanCheckbox />  </p:column>
									<p:column >
									<p:selectOneMenu value="cia" style="width:145px;">
									<f:selectItem itemValue="" itemLabel="Seleccionar" />
									<f:selectItem itemValue="cf" itemLabel="JULIO CESAR AYALA" />
									<f:selectItem itemValue="tc" itemLabel="LUIS ANTONIO AYALA" />
									</p:selectOneMenu>
									</p:column>
									<p:column><p:outputLabel value="Todos" /></p:column>
									<p:column ><p:selectBooleanCheckbox />  </p:column>
									<p:column ><p:inputText size="16" value="Fecha de Siniestro" readonly="true"/>  </p:column>
									<p:column ><p:inputText size="9"/>  </p:column>
									<p:column colspan="2"><p:inputText size="9"/>  </p:column>
								</p:row>
								
								<p:row>
									<p:column colspan="9">
										<p:tabView id="tabView">
											<p:tab id="tab11" title="Campos a Exportar">
												<p:panelGrid styleClass="table-in">
													<p:row>
														<p:column><p:outputLabel value="Archivo Excel" /></p:column>
														<p:column><p:inputText size="71"/></p:column>
													</p:row>
													
													<p:row>
														<p:column colspan="2">
															<p:dataTable id="exp" var="expd" value="#{exportar.mediumExportarDatosModel}" selection="#{exportar.selectedExportarDatos}" paginator="true" rows="15" rowsPerPageTemplate="5,10,15,20,25,30,35">
																<p:column headerText="Sec." style="width:2%" >#{expd.secuencia}</p:column>
		        												<p:column headerText="Nombre del Campo">#{expd.nombre}</p:column>
		                		         	 		            <p:column headerText="Exportar"   selectionMode="multiple" style="width:2%"  />    
		                		         	 		            <f:facet name="footer"> 
            														<p:commandButton id="exportarDatos" value="Exportar" />  
      															</f:facet> 	  					
															</p:dataTable>
														</p:column>
													</p:row>
													
													
												</p:panelGrid>
											</p:tab>
										
											<p:tab id="tab2" title="Datos a Exportar">
										
											</p:tab>
										</p:tabView>
									</p:column>
									
								</p:row>
								
							</p:panelGrid>
						</p:column>
					</p:row>					
				</p:panelGrid>
				
				<p:dialog id="basicDialog" header="Basic Dialog" widgetVar="dlg1" height="300" showEffect="fade" hideEffect="explode">
    				<h:outputText value="Resistance to PrimeFaces is futile 2!" />
    				<p:dataList id="displayMulti" value="#{exportar.selectedExportarDatos}" var="expde">  
           			Secuencia: #{expde.secuencia}, Nombre: #{expde.nombre}  
        			</p:dataList> 
				</p:dialog>
			</h:form>					
			</ui:define>
		</ui:composition>
	</h:body>
	
  
    			
</html>